<div class="palm-scene palm-dark back-tutorial ffv2">
	<div id="tutorialframe" class="back f0">
		
		<div id="images" class="images">
			
			<div class="black f0"></div>
			
			<div class="back-gesture-training-view f1 f2 f3 f4 f5 f6 f7 f8 f23 f24 f25 f26 f27 f28 f29 f30 f31 f32 f33 f22 f39">
				
				
				<div class="f26 f27 f28">
					<img src="images/tutorial/phone-large.png" style="position:absolute; left: 18px; top: -285px; width: 285px; height:426px"/>
					<!--<img src="images/tutorial/landscape-fade.png" style="position:absolute; left: 0px; top: 171px;"/>-->
				</div>
				
				<div id="welcome_msg" class="description f1">欢迎使用手势教程</div>
				<div class="description f2">返回手势可以帮助您浏览手机的屏幕。</div>
				<div class="description f3">手势区位于电话的屏幕下方。</div>
				<div class="description f4 f5 f6">返回手势是在屏幕下方的区域中迅速地从右边滑向左边。</div>
				<div class="description f8">您做得对. 我们继续进行。</div>
				<div class="description f23">下面我们将向您传授第二招——向上手势。</div>
				<div class="description f24">向上手势将带您进入卡片浏览模式。</div>
				<div class="description f25 f26 f27">向上手势是从手势区迅速地向上滑向屏幕。</div>
				<div class="description f28">您做得对. 我们继续进行。</div>
				
				<div id="buttons" class="buttons up">

          <!-- inside firstuse -->          
          <div id="insideFirstUse" style="display:none;">
            <div id="skip_button" class="palm-button half-width-button f1" style="clear:none;float:left;margin-left:8px;" x-mojo-tap-highlight="momentary">
              <span class="f1">跳过</span>
            </div>
            <div id="next_button_half" class="palm-button half-width-button f1" style="clear:none;float:left;margin:0;" x-mojo-tap-highlight="momentary">
              <span class="f1">下一步</span>
            </div>
            <div id="next_button" class="palm-button f2 f8 f23 f24 f25 f28" x-mojo-tap-highlight="momentary">
              <span class="f2 f8 f23 f24 f25 f28">下一步</span>
            </div>
          </div>
          
          <!-- just tutorial -->  
          <div id="tutorialOnly" style="display:none;">
            <div id="next_button" class="palm-button f1 f2 f8 f23 f24 f25 f28" x-mojo-tap-highlight="immediate">
              <div class="palm-button-wrapper">
                <span class="f1">开始教程</span>
                <span class="f2 f8 f23 f24 f25 f28">下一步</span>
              </div>
            </div>
          </div>

				</div>
				
				<!-- Animation Divs -->
				
				<!-- Glowing gesture area in small device -->
				<div id="gesture_area_small_div" class="gesture-area-small">
					<img id="gesture_area_small_image" src="" />
				</div>
				
				<!-- Zoom from small device to big device in f4-->
				<div id="device_div" class="f1 f2 f3 f23 f24 f25 f39">
					<img id="device_image" src="images/tutorial/phone.png" style="position:absolute; top:20px; left:95px; width:130px; height:200px"/>
				</div>
				<div class="f4 f5 f6 f7 f8">
					<img src="images/tutorial/phone-large.png" style="position:absolute; left: 18px; top: -285px; width: 285px; height: 426px;"/>
				</div>
				
				<!-- Glowing gesture area in big device -->
				<div id="gesture_area_big_div" class="gesture-area-big">
					<img id="gesture_area_big_image" src="" />
				</div>
				
				<!-- Finger (no glow) moving up to gesture area -->
				<div id="finger_div" class="finger-div">
					<img id="finger" src="images/tutorial/hand_00357.png" />
				</div>
				
				<!-- Ripple when finger touches device -->
				<div id="ripple_div" class="ripple-div">
					<img id="ripple_image" src="" />
				</div>
				
				<!-- Finger swipe -->
				<div id="swipe_div" class="swipe-div f4">
					<img id="finger_with_glow_image" src="images/tutorial/handglow_00359.png" />
				</div>
				
				<!-- Orb --> 
				<div id="orb_div" class="orb-div">
					<img id="orb_image" src="images/tutorial/orb_00357.png" />
				</div>
				
				<!-- Back Gesture success glow -->
				<div id="glow_div" class="glow-div">
					<img id="glow_image" src="images/tutorial/glow_00510.png" />
				</div>
				
				<!-- Zoom device transition between Part 1 (Training) and Part 2 (Photos)-->
				<div id="training_to_photos_div" class="f8" style="width:134px; height:227px;">
				</div>
				
			</div>
			
			<div class="quick-launch f29 f30 f31 f32 f33">
				<div id="contacts-tap-target" class="contacts-tap-target"></div>
			</div>
			
			<div id="photos-card" class="photo-albums-view f8 f9 f10 f15 f16 f21 f28 f29 f30 f31 f32">
				<div class="photo-albums-default f8 f9 f15 f21 f28 f29 f30 f31 f32"></div>
				<div class="photo-albums-1-highlighted f10">
					<div id="photo-albums-3-row" class="album-row album-1-highlighted palm-row" x-mojo-tap-highlight="momentary"></div>
				</div>
				<div class="photo-albums-2-highlighted f16">
					<div id="photo-albums-4-row" class="album-row album-2-highlighted palm-row" x-mojo-tap-highlight="momentary"></div>
				</div>
				<div class="album-text all-images">相册</div>
				<div class="album-text messaging">信息</div>
				<div class="album-text vacations">假期</div>
				<div class="album-text wallpapers">壁纸</div>					
			</div>
			
			<div class="photo-album-1-view f11 f12 f13 f14">
				<div class="photo-album-1-default f11 f14"></div>
				<div class="photo-album-1-highlighted f12">
					<div id="photo-album-1-row-1-col-2" class="photo album-1-highlighted palm-row single" x-mojo-tap-highlight="momentary"></div>
				</div>
				<div class="photo-album-1-photo-2 f13"></div>
			</div>
			
			<div class="photo-album-2-view f17 f18 f19 f20">
				<div class="photo-album-2-default f17 f20"></div>
				<div class="photo-album-2-highlighted f18">
					<div id="photo-album-1-row-2-col-1" class="photo album-2-highlighted palm-row single" x-mojo-tap-highlight="momentary"></div>
				</div>
				<div class="photo-album-2-photo-4 f19"></div>
			</div>
			
			<div id="contacts-card" class="contacts-card f30 f31 f32">
				<div class="letter-a">A</div>
				<div class="letter-b">B</div>
				<div class="letter-c">C</div>
				<div class="name1">Ryan Araki</div>
				<div class="name2">Jennifer Arroyo</div>
				<div class="name3">Nicole Banks</div>
				<div class="name4">Taylor Brown</div>
				<div class="name5">Josh Cutler</div>
			</div>
			<div id="instructions" class="instructions down">
				<div class="instructions-wrapper">
					<div class="photos-1-hierarchy-1 f10 f15"></div>
					<div class="photos-1-hierarchy-2 f12 f14"></div>
					<div class="photos-1-hierarchy-3 f13"></div>
					<div class="photos-2-hierarchy-1 f16"></div>
					<div class="photos-2-hierarchy-2 f18 f20"></div>
					<div class="photos-2-hierarchy-3 f19"></div>
					<div class="instruction">
						<!-- Back Gesture Training -->
						<span id="first-try-text" class="f5 f27 centered">从头再试一次。</span>	
						<span id="second-try-text" class="f6 f27 centered">不错，再试一次。</span>
						<!-- Photos -->
						<span class="f10">触按上方突出强调的相册来观看。</span>
						<span class="f12">N现在，触按突出强调的相片即可仔细观看。</span>
						<span class="f13">利用返回手势返回缩略图屏幕。</span>
						<span class="f14">再次使用返回手势来查看相册。</span>
						<span class="f16">我们来查看另一张相片。 开始先打开突出显示的相册。</span>
						<span class="f18">选择突出显示的相片，与刚才的操作一样。</span>
						<span class="f19">现在，我们利用返回手势回到缩略图页。</span>
						<span class="f20">重新返回到相册。</span>
						<span class="f21">就是这样，您掌握了返回手势。</span>
						<span class="f29 f31 centered">使用向上手势进入卡片浏览模式。</span>
						<span class="f30 centered">让我们再试一次。 首先，点击联系人图标打开它。</span>
						<span id="lastscene" class="f32 centered">就是这样，您掌握了向上手势。您的手机现在将重新启动。</span>
						
						<span id="skipscene" class="f39 centered">就是这样，您的手机已设置完成，现在将重新启动。</span>
						
						<div id="gesture_arrows_animation" style="display:none" ></div>
					</div>
					<div id="instruction_tutorialOnly">
						<div id="instruction_buttons" class="buttons up">
							<div id="instructions_start_again" class="palm-button primary f32" x-mojo-tap-highlight="immediate">
								<div class="palm-button-wrapper">
									<span class="f32">重新开始</span>
								</div>
							</div>
							<div id="instructions_next_button" class="palm-button primary f21 f22 f32 f39" x-mojo-tap-highlight="immediate">
								<div class="palm-button-wrapper">
									<span class="f21">下一步</span>
									<span class="f22 f39">确定</span>
									<span class="f32">退出</span>
								</div>
							</div>		
						</div>
					</div>
					<div id="instruction_insideFirstuse">
						<div id="instruction_buttons" class="buttons up">
							<div id="instructions_next_button" class="palm-button primary f21 f22 f32 f39" x-mojo-tap-highlight="immediate">
								<div class="palm-button-wrapper">
									<span class="f21">下一步</span>
									<span class="f22 f32 f39">确定</span>
								</div>
							</div>		
						</div>
					</div>			
				</div>
				</div>
			</div>		
		</div>
	<div id="notificationBar"></div>
</div>
